@charset "utf-8";
/* CSS Document */

.divclear{clear:both; line-height:0px;}
.top{ height:auto; width:auto; margin:0 auto;}
.top img{ width:100%; height:100%;}


.gl{ width:350px; height:40px; margin:0 auto; background-color:#d15417;}
.gl p{font-family:"΢ÈíÑźÚ"; font-size:14px; font-weight:bold; text-align:left; color:#fff; padding-left:20px; line-height:40px;}
.allb{width:350px; height:190px;margin:0 auto;}
.allb li{ height:30px;width:350px; background-color:#eeeded; }
.allb li a{ font-family:"΢ÈíÑźÚ"; font-size:12px; padding-left:20px; line-height:30px; text-decoration:none; color:#333;}
.allb p { font-size:12px;font-family:"΢ÈíÑźÚ"; padding-left:10px; color:#999; padding-top:10px;}

.zxal{ width:300px; height:40px; margin:0 auto;}
.zxal a{ font-size:13px; font-family:"΢ÈíÑźÚ"; text-align:center; color:#d15417; text-decoration:none; padding-left:80px; line-height:30px;}

.zxanli{ width:100%; height:100%; margin:0 auto;}
.anli{ width:100%; height:210px; margin:0 auto; position:relative;}
.anli img{ width:100%; height:208px;}
.anli p{ font-family:"΢ÈíÑźÚ"; font-size:11px;  text-align:center;}
.alwz{
	position:absolute;
	width:200px;
	height:26px;
	z-indent:2;
	left:18px;
	top:173px;
}
.alwz a{ font-family:"΢ÈíÑźÚ"; font-size:11px; text-decoration:none; color:#fff; text-align:center;}
.alwz a:hover{color:#ea5504;}
.navbar{
z-index: 11;
position:fixed;
bottom:0;
left:0;
display:flex;
display: -webkit-flex;
width:100%;
background: #000000;
}
.navbar a{
display:inline-block;
height:50px;
line-height:50px;
flex: 1;
text-decoration:none;
font-size:12px;
color:#fff;

position:relative;
padding-left: 20px;
text-align:center;
}


.navbar li{
height:20px;
border-right: 1px solid #fff;
float:left;
margin-top:15px;
margin-left:65px;


}
.navbar a:last-of-type{
border:none;
}
.navbar .bar-icon{
   position:absolute;
   top: 8px;
   left:60px;
   margin-left: -35px;
}
.navbar .icon-phone{
background: url("../photoimg/bar-icons.png") no-repeat -3px -3px;
width: 24px;
height: 43px;
}
.navbar .icon-eat{
background: url("../photoimg/bar-icons.png") no-repeat -30px -3px;
width: 24px;
height: 43px;
}
.navbar .icon-brand{
background: url("../photoimg/bar-icons.png") no-repeat -59px -3px;
width: 24px;
height: 43px;
}
.navbar .icon-success{
background: url("../photoimg/bar-icons.png") no-repeat -84px -3px;
width: 24px;
height: 43px;
}
.face{ width:100%; height:100%; margin:0 auto; }
.face img { width:100%; height:100%; margin:0 auto;}

.style-1 .nav {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 100%;
  height: 100%;
}
.style-1 .nav__link {
  opacity: 0;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}
.style-1 .nav--active .nav__link {
  opacity: 1;
}
.style-1 .nav--active .nav {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.style-1 .nav--active .nav__icon {
  background: rgba(0, 0, 0, 0);
}
.style-1 .nav--active .nav__icon:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.style-1 .nav--active .nav__icon:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.nav {
  position: absolute;
  z-index: 100;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav--active .nav {
  opacity: 1;
  background-color: #333;
}
.nav__list {
  margin: 0;
  padding: 10px;
}
.nav__item {
  list-style-type: none;
  text-align: left;
   line-height:50px;
}
.nav__link {
  font-size: 1.3em;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  opacity: 1;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}
/* Default navigation icon */
.nav__trigger {
  display: block;
  position: absolute;
  width: 30px;
  height: 25px;
  right: 6px;
  top: 30px;
  z-index: 200;
}
.nav--active .nav__trigger {
  opacity: 0.5;
}
.nav__icon {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 3px;
  background-color: #0a0909;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__icon:before,
.nav__icon:after {
  content: '';
  display: block;
  width: 20px;
  height: 3px;
  position: absolute;
  background: #0a0909;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__icon:before {
  margin-top: -5px;
}
.nav__icon:after {
  margin-top: 5px;
}
.dblj{ width:100%; height:100%; margin:0 auto;}
.dblj img { width:100%; margin:0 auto;}
.dblj a{ text-decoration: none;}
.dbkb{width:100%;height:40px;}

.form1 {width:300px;height:70px; margin:0 auto;}
.search-keyword {border: 2px solid #ea5503;border-radius:12px 0px 0px 12px; background:transparent; width:230px;height: 60px; }
.search-an {height:66px; width:80px;cursor: pointer; position: absolute;background: #ea5503; border-radius: 0px 9px 9px 0px; float: left; color:#fff;margin: 0 auto;}
.p{text-align: center;font-size: 22px; font:"ºÚÌå"; width: 200px; height: 50px;color: #ea5503; padding-top: 20px;padding-left: 0px;}